<!DOCTYPE html>
    <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
    <!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
    <!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
    <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
    
    <head>
        <meta charset="utf-8" />
        
        <!-- Set the viewport width to device width for mobile -->
        <meta name="viewport" content="width=device-width" />
        <title>User Profile | Equipyz</title>
        
        <!-- Included CSS Files -->
        <link rel="stylesheet" href="stylesheets/framework.css">
        <link rel="stylesheet" href="stylesheets/app.css">
        
        <!--[if lt IE 9]>
            <link rel="stylesheet" href="stylesheets/ie.css">
        <![endif]-->
        
        <script src="javascripts/modernizr.foundation.js"></script>
        
        <!-- IE Fix for HTML5 Tags -->
        <!--[if lt IE 9]>
        <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        
        <!--[if IE]>
        <script src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script>
        <script>CFInstall.check({mode: 'overlay'});</script>
        <![endif]-->
        
        <!--[if IE]>
        <style type="text/css">
        .timer { display: none !important; }
        div.caption { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);zoom: 1; }
        </style>
        <![endif]-->
    </head>
<body>

<!-- page container-->
<div class="pagecontainer">

    <div class="nav-bar">
    <div class="logo"><a href="index_new.html">
    <img src="images/logo.png" width="161" height="46" alt="Bejingo"></a>
    </div>
    
    <div id="list_btn" class="has-tip tip-bottom" data-width="auto" data-selector="tooltiprabgrf" style="" title="Click here to List your equipment now">List your Equipment</div>
    
    

    <nav>
  <ul>
  <li><a href="dashboard.html">Dashboard</a></li>
    <li class="drop"> <a href="#">You</a>
            <div class="dropdownContain">
            <div class="dropOut">
            
            <div class="triangle"></div>
            
            <div class="droptop">
            <div class="droppic left">
            <a href="#"><img src="images/comm.png" width="62" height="60"></a>
            <a href="#"><small>Change Pic</small></a>
            </div>  
            <div class="dropdata right">
            <strong>John Doe</strong>
            <p>john.doe@gmail.com</p>
            <p><a class="nice radius medium green button"href="profile.html">View Profile</a></p>
            </div>
            </div>  
           
        
            
            <div class="dropbottom">
            <div class="dropsettings"><a class="nice radius small blue button"href="account_settings.html">Account Settings</a></div>
            <div class="droplogout"><a class="nice radius small blue button" href="#">Logout</a></div>
            </div>
           
           
            </div>
            </div>
    </li>
    
  </ul>
</nav>
    </div>
    </div>
<!-- page container ends--> 
 
<!-- container -->
        <div class="container">
        
        <div class="row">
        <div class="four columns centered">
        <div class="mobnav">
            <form class="nice" method="#" action="#" name="mobnav">
            <label>
            <select style="" id="customDropdown">
            <option>- select -</option>
            <option><a href="dashboard.html">Dashboard</a></option>
            <option><a href="your_listing.html">Your Listing</a></option>
            <option><a href="your_rentals.html">Your Rentals</a></option>
            <option><a href="howitworks.html">How it works</a></option>
            <option><a href="profile_settings.html">Profile Settings</a></option>
            <option><a href="payment_settings.html">Payment Settings</a></option>
            <option><a href="#">Logout</a></option>
            </select>
            </label>
            </form>
        </div>
        </div>
        </div>
        
        <div class="row">
        <div class="twelve columns">
        <ul class="breadcrumbs">
	<li><a href="index_new.html">Home</a></li>
	<li class="current"><a href="#">Profile</a></li>
</ul>
        </div>
         </div>
        <div class="row">
        <div class="twelve columns itemtitle">
        
         <div class="twelve columns">
         
        <div class="four columns left">
        <aside>
        <div class="boxbg">
                
                <div class="img_rht">
                
             
                <a href="#" class="img_border"><img src="images/item.png" width="62" height="60">
        </a>
                
                <ul class="vcard">
                <li class="fn">Howdy! <strong>John Doe</strong></li>
                <li class="org">Picnframes Technologies</li>
                <li class="tel"><a href="tel:999-999-9999">999-999-9999</a></li>
                <li><a class="url" href="http://picnframes.com/">http://picnframes.com/</a></li>
                </ul>
                
                
                </div>
        </div>
        </aside>
        
        <div class="spacing2"></div>
        <div class="boxbg">
        
                  <div class="ribb2">Recent Equipments</div><div class="spacing"></div>
                  <div class="img_lft3">
<a href="#" class="img_border2"><img src="images/comm.png" width="62" height="60">
</a>
<ul class="vcard2">
<li class="fn"><strong><a href="#">Lorem Ipsum</a></strong></li>
<li class="org"><a class="url" href="">Baltej Singh</a></li>
<li class="#">$999</li>
<li>Chandigarh, India</li>
</ul>
</div><div class="img_lft3">
<a href="#" class="img_border2"><img src="images/comm.png" width="62" height="60">
</a>
<ul class="vcard2">
<li class="fn"><strong><a href="#">Lorem Ipsum</a></strong></li>
<li class="org"><a class="url" href="">Baltej Singh</a></li>
<li class="#">$999</li>
<li>Chandigarh, India</li>
</ul>
</div>
<div class="spacing2"></div>
<div class="row">
<div class="twelve refresh">
<h5>
 <a href="#">More <small>>></small></a>
</h5></div>
</div>

                 
        </div>
        
        
        </div>
        <div class="eight columns right">


      
				<dl class="nice contained tabs">
                <dd><a href="#simple0" class="active">About</a></dd>
					<dd><a href="#simple1">Listing</a></dd>
                    <dd><a href="#simple2">Rentals</a></dd>
                    <dd><a href="#simple3">Reviews</a></dd>
				</dl>

				<ul class="tabs-content">
					<li class="active" id="simple0Tab">
<!-- start slipsum code -->
<h3>I'm serious as a heart attack</h3>
<p>Yeah, I like animals better than people sometimes... Especially dogs. Dogs are the best. Every time you come home, they act like they haven't seen you in a year. And the good thing about dogs... is they got different dogs for different people. Like pit bulls. The dog of dogs. Pit bull can be the right man's best friend... or the wrong man's worst enemy. You going to give me a dog for a pet, give me a pit bull. Give me... Raoul. Right, Omar? Give me Raoul. </p>
<p>Well, the way they make shows is, they make one show. That show's called a pilot. Then they show that show to the people who make shows, and on the strength of that one show they decide if they're going to make more shows. Some pilots get picked and become television programs. Some don't, become nothing. She starred in one of the ones that became nothing. </p>
<p>The path of the righteous man is beset on all sides by the iniquities of the selfish and the tyranny of evil men. Blessed is he who, in the name of charity and good will, shepherds the weak through the valley of darkness, for he is truly his brother's keeper and the finder of lost children. And I will strike down upon thee with great vengeance and furious anger those who would attempt to poison and destroy My brothers. And you will know My name is the Lord when I lay My vengeance upon thee. </p>
<p>And I will strike down upon thee with great vengeance and furious anger those who would attempt to poison and destroy My brothers. And you will know My name is the Lord when I lay My vengeance upon thee. </p>


</li>
<li id="simple1Tab">  
        <div id="reviews">
        <div class="avatar">
        <a href="#" class="img_border2">
        <img width="60" height="60" class="avatar avatar-35 photo" src="images/item.png" alt="">
        </a>
        </div>
        
        <div class="item">
        <div class="author">
        By: <a href="#">John Doe</a> 25 days ago 
        </div>
        
        <h5><a href="#">Lorem Ipsum</a></h5>
        <p>Here's the new sketch! As we went through a bunch of websites such as Wanderfly.com, Skillshare.com, Squareup.com and even the new airbnb.com, we noticed that a design like this is <a href="#">read more...</a></p>
        </div>
        
        </div>
        <div id="reviews">
        <div class="avatar">
        <a href="#" class="img_border2">
        <img width="60" height="60" class="avatar avatar-35 photo" src="images/item.png" alt="">
        </a>
        </div>
        
        <div class="item">
        <div class="author">
        By: <a href="#">John Doe</a> 25 days ago 
        </div>
        
        <h5><a href="#">Lorem Ipsum</a></h5>
        <p>Here's the new sketch! As we went through a bunch of websites such as Wanderfly.com, Skillshare.com, Squareup.com and even the new airbnb.com, we noticed that a design like this is <a href="#">read more...</a></p>
        </div>
        
        </div>
        <div id="reviews">
        <div class="avatar">
        <a href="#" class="img_border2">
        <img width="60" height="60" class="avatar avatar-35 photo" src="images/item.png" alt="">
        </a>
        </div>
        
        <div class="item">
        <div class="author">
        By: <a href="#">John Doe</a> 25 days ago 
        </div>
        
        <h5><a href="#">Lorem Ipsum</a></h5>
        <p>Here's the new sketch! As we went through a bunch of websites such as Wanderfly.com, Skillshare.com, Squareup.com and even the new airbnb.com, we noticed that a design like this is <a href="#">read more...</a></p>
        </div>
        
        </div>
        </li>

		<li id="simple2Tab">  
        <div id="reviews">
        <div class="avatar">
        <a href="#" class="img_border2">
        <img width="60" height="60" class="avatar avatar-35 photo" src="images/item.png" alt="">
        </a>
        </div>
        
        <div class="item">
        <div class="author">
        By: <a href="#">John Doe</a> 25 days ago 
        </div>
        
        <h5><a href="#">Lorem Ipsum</a></h5>
        <p>Here's the new sketch! As we went through a bunch of websites such as Wanderfly.com, Skillshare.com, Squareup.com and even the new airbnb.com, we noticed that a design like this is <a href="#">read more...</a></p>
        </div>
        
        </div>
        <div id="reviews">
        <div class="avatar">
        <a href="#" class="img_border2">
        <img width="60" height="60" class="avatar avatar-35 photo" src="images/item.png" alt="">
        </a>
        </div>
        
        <div class="item">
        <div class="author">
        By: <a href="#">John Doe</a> 25 days ago 
        </div>
        
        <h5><a href="#">Lorem Ipsum</a></h5>
        <p>Here's the new sketch! As we went through a bunch of websites such as Wanderfly.com, Skillshare.com, Squareup.com and even the new airbnb.com, we noticed that a design like this is <a href="#">read more...</a></p>
        </div>
        
        </div>
        <div id="reviews">
        <div class="avatar">
        <a href="#" class="img_border2">
        <img width="60" height="60" class="avatar avatar-35 photo" src="images/item.png" alt="">
        </a>
        </div>
        
        <div class="item">
        <div class="author">
        By: <a href="#">John Doe</a> 25 days ago 
        </div>
        
        <h5><a href="#">Lorem Ipsum</a></h5>
        <p>Here's the new sketch! As we went through a bunch of websites such as Wanderfly.com, Skillshare.com, Squareup.com and even the new airbnb.com, we noticed that a design like this is <a href="#">read more...</a></p>
        </div>
        
        </div>
        </li>
					
                    <li id="simple3Tab">
                     <div id="reviews">
       <div class="avatar">
        <a href="#" class="img_border3">
        <img width="35" height="35" class="avatar avatar-35 photo" src="images/comm.png" alt="">
        </a>
        </div>
        
        <div class="item">
<blockquote>
  Well, the way they make shows is, they make one show. Then they show that show to the people who make shows, and on the strength of that one show they decide if they're going to make more shows.
  <cite><a href="#">John Doe</a></cite>
</blockquote>
        </div>
        
        </div> <div id="reviews">
       <div class="avatar">
        <a href="#" class="img_border3">
        <img width="35" height="35" class="avatar avatar-35 photo" src="images/comm.png" alt="">
        </a>
        </div>
        
        <div class="item">
<blockquote>
  Yeah, I like animals better than people sometimes... Especially dogs. Dogs are the best. Every time you come home, they act like they haven't seen you in a year.
  <cite><a href="#">John Doe</a></cite>
</blockquote>
        </div>
        
        </div> <div id="reviews">
       <div class="avatar">
        <a href="#" class="img_border3">
        <img width="35" height="35" class="avatar avatar-35 photo" src="images/comm.png" alt="">
        </a>
        </div>
        
        <div class="item">
<blockquote>
   Blessed is he who, in the name of charity and good will, shepherds the weak through the valley of darkness, for he is truly his brother's keeper and the finder of lost children
  <cite><a href="#">John Doe</a></cite>
</blockquote>
        </div>
        
        </div> <div id="reviews">
       <div class="avatar">
        <a href="#" class="img_border3">
        <img width="35" height="35" class="avatar avatar-35 photo" src="images/comm.png" alt="">
        </a>
        </div>
        
        <div class="item">
<blockquote>
   Blessed is he who, in the name of charity and good will, shepherds the weak through the valley of darkness, for he is truly his brother's keeper and the finder of lost children
  <cite><a href="#">John Doe</a></cite>
</blockquote>
        </div>
        
        </div>
               <div class="spacing2"></div>
         <!--Pagination Starts-->
        <ul class="pagination">
        <li class="unavailable"><a href="">&laquo;</a></li>
        <li class="current"><a href="">1</a></li>
        <li><a href="">2</a></li>
        <li><a href="">3</a></li>
        <li><a href="">4</a></li>
        <li class="unavailable"><a href="">&hellip;</a></li>
        <li><a href="">12</a></li>
        <li><a href="">13</a></li>
        <li><a href="">&raquo;</a></li>
        </ul>
        <!--Pagination Ends-->
                    
                    </li>
				</ul>


        </div>
        
       
        </div>
        
      
       
        </div>
        </div>
        
        <div class="spacing2"></div>
       
      
        <div class="row"> 
   
        
        <!--top right panel--> 
        <div class="four columns" style="">
        
   
        </div>
    
        
        <!--featured div ends-->
        
        <div class="eleven columns">
        <div class="clearfix"></div>
        <menu class="foot">
        <ul>
        <li><a href="howitworks.html">How It Works</a></li>
        <li><a href="#">Contact</a></li>
        <li><a href="#">Privacy Policy</a></li>
        <li><a href="#">Terms &amp; Conditions </a></li>
        <li><a href="#">Employment</a></li>
        <li>&copy; 2012 <a href="#"><strong> Bejingo </strong>Inc.</a> </li>
        </ul>
        </menu>
        <div class="social"> 
        <a href="#" class="has-tip tip-top" data-width="auto" data-selector="tooltiprabgrf" style="" title="Twitter"><img src="images/twiter.png" width="40" height="41" alt=""/></a> 
        <a href="#" class="has-tip tip-top" data-width="auto" data-selector="tooltiprabgrf" style="" title="Facebook"><img src="images/fac.png" width="40" height="41" alt=""/></a> 
        <a href="#" class="has-tip tip-top" data-width="auto" data-selector="tooltiprabgrf" style="" title="Google +"><img src="images/google.png" width="40" height="41" alt=""/></a> 
        <a href="#" class="has-tip tip-top" data-width="auto" data-selector="tooltiprabgrf" style="" title="Youtube"><img src="images/face_book.png" width="40" height="41" alt=""/></a> 
        </div>
        </div>
        </div>
        </div>
<div class="clearfix"></div>
<div class="row">
  <p>&nbsp;</p>
  <p>&nbsp;</p>
</div>
</div>
<!-- container --> 
<!-----footer------------> 

<!-----footer------------>


<!-- Included JS Files --> 
<script src="javascripts/jquery.min.js"></script> 
<script src="javascripts/framework.js"></script> 
<script src="javascripts/app.js"></script> 

<script type="text/javascript">
     $(window).load(function() {
         $('#featured').orbit();
     });
</script> 

 

<!--fitter text js--> 
	<script src="javascripts/jquery.fittext.js"></script> 
    <script type="text/javascript">
    $("#fittext1").fitText(1.4, { minFontSize: 13, maxFontSize: '25px' });
    $("#fittext2").fitText(1.2);
    $("#fittext3").fitText(1.1, { minFontSize: 50, maxFontSize: '75px' });
    </script>
<!--fitter text js ends-->
   
</body>
</html>